:root{--bg:#f7f8fc;--bg-soft:#f1f3fa;--surface:#ffffff;--text:#1f2937;--muted:#667085;--border:#d8deea;--brand:#0f766e;--brand-dark:#0b5d57;--shadow-soft:0 12px 28px rgba(17,24,39,0.08);--shadow-faint:0 2px 10px rgba(17,24,39,0.05);--ease-standard:220ms cubic-bezier(0.2,0.8,0.2,1)}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0;scroll-behavior:smooth}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--text);background:radial-gradient(circle at top left,#e8eefc 0,var(--bg) 40%);min-height:100vh;position:relative}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 14% 20%,rgba(15,118,110,.04),transparent 42%),radial-gradient(circle at 86% 0,rgba(33,99,235,.03),transparent 45%);z-index:0}.main-content,.site-footer,.site-header{position:relative;z-index:1}a{color:var(--brand);text-decoration:none;transition:color var(--ease-standard)}a:hover{color:var(--brand-dark)}input,select,textarea{border:1px solid var(--border);border-radius:10px;padding:10px 12px;font:inherit;width:100%;background:#fff;color:var(--text);transition:border-color var(--ease-standard),box-shadow var(--ease-standard)}input:focus,select:focus,textarea:focus{outline:none;border-color:#a7b6dd;box-shadow:0 0 0 3px rgba(15,118,110,.12)}button{border:0;border-radius:10px;padding:10px 14px;font:inherit;cursor:pointer;background:var(--brand);color:#fff;transition:transform var(--ease-standard),background var(--ease-standard),box-shadow var(--ease-standard)}button:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:var(--shadow-faint)}.container{width:min(1100px,94vw);margin:0 auto}.site-header{border-bottom:1px solid var(--border);background:rgba(255,255,255,.86);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:-webkit-sticky;position:sticky;top:0;z-index:50}.header-inner{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-weight:800;font-size:1.2rem;letter-spacing:.04em}.site-nav{display:flex;gap:16px}.site-nav a{color:var(--text)}.auth-actions{display:flex;align-items:center;gap:10px}.role-badge{border:1px solid var(--border);padding:4px 10px;border-radius:999px;color:var(--muted);font-size:.85rem;text-transform:uppercase}.main-content{padding:28px 0 36px}.back-nav{margin:0 0 14px}.back-button{background:#ffffff;color:var(--text);border:1px solid var(--border);border-radius:999px;padding:8px 14px;font-weight:600}.back-button:hover{background:var(--bg-soft);border-color:#bfcce8}.site-footer{border-top:1px solid var(--border);margin-top:30px;background:#fff}.footer-row{display:flex;justify-content:space-between;gap:18px;padding:18px 0;color:var(--muted);font-size:.92rem}.page-stack{display:grid;grid-gap:20px;gap:20px}.hero{position:relative;overflow:hidden;padding:24px;border-radius:20px;background:linear-gradient(135deg,#ffffff,#ecf7f6);border:1px solid var(--border);box-shadow:var(--shadow-faint);animation:fade-slide .36s var(--ease-standard)}.hero h1{margin:0 0 8px}.hero p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:14px;gap:14px}.card{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:14px;background:var(--surface);padding:14px;box-shadow:var(--shadow-faint);transition:transform var(--ease-standard),box-shadow var(--ease-standard),border-color var(--ease-standard)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-soft);border-color:#c7d1ea}.card h3{margin:0 0 10px}.list{padding-left:18px}.list,.sub-list{margin:0;display:grid;grid-gap:8px;gap:8px}.sub-list{list-style:none;padding:0}.sub-list a{display:block;border:1px solid var(--border);border-radius:10px;background:var(--bg-soft);padding:10px 12px;transition:transform var(--ease-standard),border-color var(--ease-standard),background var(--ease-standard)}.sub-list a:hover{transform:translateX(2px);border-color:#bfcce8;background:#eef3fc}.row-between{display:flex;justify-content:space-between;align-items:center;gap:12px}.upload-grid{display:grid;grid-gap:10px;gap:10px}.auth-wrap{width:min(460px,94vw);margin:40px auto;border:1px solid var(--border);border-radius:16px;background:#fff;padding:24px;box-shadow:var(--shadow-soft);animation:fade-slide .32s var(--ease-standard)}.auth-wrap h1{margin:0 0 4px}.muted{color:var(--muted)}.auth-form{display:grid;grid-gap:12px;gap:12px;margin-top:16px}.auth-divider{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--muted);font-size:.9rem}.auth-divider:after,.auth-divider:before{content:"";flex:1 1;height:1px;background:var(--border)}.oauth-button{width:100%;background:#ffffff;color:var(--text);border:1px solid var(--border)}.oauth-button:hover{background:#f2f4f8}.oauth-button:disabled{opacity:.7;cursor:not-allowed}.error-text{color:#b42318;margin:0}.success-text{color:#067647;margin:0}.secondary-button{background:#e5e7eb;color:#111827}.secondary-button:hover{background:#d1d5db}@keyframes fade-slide{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media (max-width:900px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.site-nav{display:none}.footer-row{flex-direction:column;align-items:flex-start}.grid{grid-template-columns:1fr}}