:root{--color-primary: #5c6b7a;--color-primary-light: #6b7a8a;--color-primary-hover: #4a5968;--color-accent: #2f6f70;--color-accent-hover: #24595a;--color-success: #7a9e7a;--color-success-light: #e8f0e8;--color-warning: #c4a574;--color-warning-light: #f5f0e6;--color-error: #b08080;--color-error-light: #f5eded;--color-info: #7a8fa5;--color-info-light: #eef2f6;--color-bg: #f7f7f5;--color-bg-card: #ffffff;--color-border: #e5e5e0;--color-border-light: #f0f0ec;--color-text: #3d3d3d;--color-text-secondary: #52565c;--color-text-muted: #5f6368;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);line-height:1.6}code{font-family:var(--font-mono)}#root{min-height:100vh}.card{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid var(--color-border-light)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-weight:500;font-size:14px;cursor:pointer;transition:all var(--transition-fast);border:none;text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-hover)}.btn-accent{background:var(--color-accent);color:#fff}.btn-accent:hover{background:var(--color-accent-hover)}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn-outline{background:transparent;border:1px solid var(--color-border);color:var(--color-text)}.btn-outline:hover{background:var(--color-bg);border-color:var(--color-primary)}.btn-lg{padding:var(--space-md) var(--space-lg);font-size:16px}.input{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;transition:all var(--transition-fast);background:var(--color-bg-card)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a1a2e1a}.input:hover:not(:focus){border-color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-full);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:#b45309}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-info{background:var(--color-info-light);color:var(--color-info)}.table{width:100%;border-collapse:separate;border-spacing:0;background:var(--color-bg-card);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-md)}.table th{background:var(--color-bg);padding:var(--space-md);text-align:left;font-weight:600;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border)}.table th .table td{padding:var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:14px;height:44px;vertical-align:middle}.table td{padding:var(--space-md);border-bottom:1px solid var(--color-border-light);font-size:14px;min-height:44px;vertical-align:middle}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg)}.stat-card{background:var(--color-bg-card);padding:var(--space-lg);border-radius:var(--radius-lg);border:1px solid var(--color-border-light);transition:all var(--transition-fast)}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.stat-value{font-size:2rem;font-weight:700;line-height:1.2}.stat-label{font-size:13px;color:var(--color-text-secondary);margin-top:var(--space-xs)}.alert{padding:var(--space-md);border-radius:var(--radius-md);display:flex;align-items:center;gap:var(--space-sm)}.alert-success{background:var(--color-success-light);color:#065f46;border:1px solid #a7f3d0}.alert-error{background:var(--color-error-light);color:#991b1b;border:1px solid #fecaca}.alert-warning{background:var(--color-warning-light);color:#92400e;border:1px solid #fde68a}.alert-info{background:var(--color-info-light);color:#1e3a8a;border:1px solid #bfdbfe}.pph-page-header{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.pph-page-status-link{width:100%}.pph-auth-row{display:flex;flex-direction:column;gap:var(--space-sm)}.pph-auth-verify-btn{width:100%}.pph-auth-panel{display:flex;flex-direction:column;gap:var(--space-sm)}.pph-auth-action{width:100%}.pph-pin-guidance ul{margin:var(--space-xs) 0 0 20px}.pph-pin-guidance li{margin-bottom:2px}.modal-overlay{position:fixed;inset:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--space-lg)}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl)}.header{background:var(--color-primary);color:#fff;padding:var(--space-lg) var(--space-xl);position:sticky;top:0;z-index:100;min-height:56px}.header-admin{background:#5a6a7a}.header-owner{background:#6a8a7a}.tabs{display:flex;gap:var(--space-xs);border-bottom:2px solid var(--color-border);margin-bottom:var(--space-lg);overflow-x:auto;padding-bottom:2px}.tab{padding:var(--space-sm) var(--space-lg);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;font-weight:500;font-size:14px;white-space:nowrap;position:relative;transition:all var(--transition-fast)}.tab:hover{color:var(--color-text)}.tab.active{color:var(--color-primary)}.tab.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--color-primary);border-radius:2px 2px 0 0}.spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-normal) ease-out}.landing-footer-link{color:var(--color-primary);text-decoration:none;font-weight:500}.landing-footer-link:hover{text-decoration:underline}@media(max-width:768px){:root{--space-lg: 16px;--space-xl: 24px}.tabs{gap:0}.tab{padding:var(--space-sm) var(--space-md);font-size:13px}.mobile-break{display:block}.desktop-table-view{display:none}.mobile-card-view{display:flex;flex-direction:column;gap:var(--space-md)}.mobile-card{background:var(--color-bg-card);border:1px solid var(--color-border-light);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-sm)}.mobile-card-row{display:flex;justify-content:space-between;margin-bottom:var(--space-xs);font-size:13px}.mobile-card-label{color:var(--color-text-secondary)}.mobile-card-value{font-weight:500;text-align:right}}@media(min-width:769px){.mobile-break,.mobile-card-view{display:none}.desktop-table-view{display:block;width:100%}.pph-page-header{flex-direction:row;align-items:center;justify-content:space-between}.pph-page-status-link{width:auto}.pph-auth-row{flex-direction:row;align-items:stretch}.pph-auth-verify-btn{width:auto;min-width:110px}.pph-auth-action{width:auto;min-width:160px}}.tl-dashboard{--tl-main-padding: var(--space-md);--tl-header-padding: var(--space-sm) var(--space-md);--tl-card-padding: var(--space-md)}.tl-dashboard header{padding:var(--tl-header-padding)}.tl-dashboard main{max-width:100%;padding:var(--tl-main-padding)}.tl-dashboard .table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch;margin:0 calc(-1 * var(--tl-main-padding));padding:0 var(--tl-main-padding)}.tl-dashboard .btn{min-height:44px;padding:var(--space-sm) var(--space-md)}.tl-dashboard .tab{min-height:44px;padding:var(--space-md);flex:1;font-size:14px}@media(min-width:769px){.tl-dashboard{--tl-main-padding: var(--space-lg);--tl-header-padding: var(--space-md) var(--space-lg);--tl-card-padding: var(--space-lg)}.tl-dashboard main{max-width:1000px;margin:0 auto}.tl-dashboard .table-wrapper{margin:0;padding:0}.tl-dashboard .btn{min-height:auto}.tl-dashboard .tab{min-height:auto;flex:none}}