:root{--bg-deep:#1e1a16;--bg:#28231e;--bg-elevated:#302a22;--bg-card:#2e2822;--bg-card-hover:#38302a;--oxblood:#7a3030;--oxblood-light:#9a4040;--tobacco:#6a5a42;--gold:#b8965a;--gold-dim:#8a7a50;--gold-pale:#d4be8a;--moss:#4a5a38;--ivory:#f5f0e6;--parchment:#e8dfce;--cream-muted:#c4b8a4;--text:#e4ddd0;--text-muted:#a89a88;--text-dim:#7a7060;--border:#322c24;--border-light:#3e362c;--border-gold:#4a4030;--serif:"Cormorant Garamond", "Georgia", serif;--body:"Crimson Pro", "Georgia", serif;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 32px #0006;--shadow-lg:0 16px 64px #00000080;--shadow-card:0 4px 20px #00000059}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;font-weight:400;line-height:1.7}::selection{background:var(--gold);color:var(--bg-deep)}a{color:inherit;text-decoration:none}.login-page{background:var(--bg-deep);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 24px;display:flex;position:relative;overflow:hidden}.login-page:before{content:"";pointer-events:none;background:radial-gradient(#b8965a08 0%,#0000 60%);width:120%;height:60%;position:absolute;top:-20%;left:50%;transform:translate(-50%)}.painting-frame{width:100%;max-width:520px;margin-bottom:56px;animation:1s fadeDown;position:relative}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.painting-outer{border:3px solid var(--border-gold);background:var(--bg);box-shadow:var(--shadow-lg), inset 0 0 30px #0006;padding:6px}.painting-inner{border:1px solid var(--border-light);overflow:hidden}.painting-inner img{width:100%;height:auto;display:block}.painting-caption{text-align:center;font-family:var(--body);color:var(--text-dim);letter-spacing:1px;margin-top:14px;font-size:11px;font-style:italic}.login-form{width:100%;max-width:360px;animation:.8s .2s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.login-divider{align-items:center;gap:16px;margin-bottom:40px;display:flex}.login-divider-line{background:linear-gradient(90deg, transparent, var(--border-light), transparent);flex:1;height:1px}.login-divider-ornament{font-family:var(--serif);color:var(--gold-dim);letter-spacing:6px;font-size:14px}.login-field{margin-bottom:28px}.login-label{font-family:var(--body);color:var(--text-dim);letter-spacing:2.5px;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:500;transition:color .3s;display:block}.login-field:focus-within .login-label{color:var(--gold)}.login-input{border:none;border-bottom:1px solid var(--border);width:100%;font-size:17px;font-family:var(--body);color:var(--ivory);letter-spacing:.5px;background:0 0;outline:none;padding:14px 0;font-weight:300;transition:border-color .3s}.login-input:focus{border-bottom-color:var(--gold)}.login-input::placeholder{color:var(--text-dim);font-style:italic}.login-error{color:var(--oxblood-light);text-align:center;margin-bottom:20px;font-size:13px;font-style:italic;animation:.3s fadeUp}.login-btn{width:100%;color:var(--gold);border:1px solid var(--gold-dim);font-size:12px;font-family:var(--body);letter-spacing:4px;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:4px;padding:18px;font-weight:500;transition:all .35s}.login-btn:hover{background:var(--gold);color:var(--bg-deep);border-color:var(--gold)}.login-footer{color:var(--text-dim);text-align:center;margin-top:44px;font-size:12px;font-style:italic;font-weight:300}.dashboard{background:var(--bg);min-height:100vh}.dash-header{border-bottom:1px solid var(--border);position:relative}.dash-header:before{content:"";pointer-events:none;background:linear-gradient(#b8965a04 0%,#0000 100%);position:absolute;inset:0}.dash-header-inner{max-width:1140px;margin:0 auto;padding:52px 40px 48px;position:relative}.dash-header-top{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.dash-tag{font-family:var(--body);color:var(--gold-dim);letter-spacing:5px;text-transform:uppercase;margin-bottom:14px;font-size:10px;font-weight:500}.dash-title{font-family:var(--serif);color:var(--ivory);letter-spacing:1px;font-size:48px;font-weight:400;line-height:1}.dash-meta{font-family:var(--serif);color:var(--text-dim);letter-spacing:.5px;margin-top:12px;font-size:15px;font-style:italic}.dash-welcome{border-top:1px solid var(--border);margin-top:40px;padding-top:28px}.dash-welcome-text{font-family:var(--serif);color:var(--parchment);letter-spacing:.3px;font-size:22px;font-weight:400}.dash-welcome-text em{color:var(--gold);font-style:italic}.dash-welcome-sub{font-family:var(--body);color:var(--text-dim);margin-top:8px;font-size:15px;font-weight:300}.logout-btn{color:var(--text-dim);border:1px solid var(--border);font-size:10px;font-family:var(--body);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:0 0;padding:10px 28px;font-weight:500;transition:all .25s}.logout-btn:hover{border-color:var(--cream-muted);color:var(--ivory)}.dash-grid-wrap{max-width:1140px;margin:0 auto;padding:52px 40px 88px}.dash-grid{grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;display:grid}.section-card{background:var(--bg-card);border:1px solid var(--border);cursor:pointer;padding:36px 32px 32px;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.section-card:before{content:"";background:linear-gradient(90deg, var(--card-accent,var(--gold-dim)), transparent);opacity:0;width:100%;height:2px;transition:opacity .35s;position:absolute;top:0;left:0}.section-card:hover{background:var(--bg-card-hover);border-color:var(--border-light);box-shadow:var(--shadow-card);transform:translateY(-5px)}.section-card:hover:before{opacity:1}.card-numeral{font-family:var(--serif);color:var(--text-dim);letter-spacing:3px;margin-bottom:16px;font-size:13px;font-weight:400}.card-title{font-family:var(--serif);color:var(--ivory);letter-spacing:.3px;margin-bottom:10px;font-size:24px;font-weight:500;transition:color .3s}.section-card:hover .card-title{color:var(--gold-pale)}.card-subtitle{font-family:var(--body);color:var(--text-muted);font-size:14px;font-style:italic;font-weight:300;line-height:1.5}.card-foot{border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin-top:24px;padding-top:16px;display:flex}.card-foot-label{font-family:var(--body);color:var(--text-dim);letter-spacing:2px;text-transform:uppercase;font-size:11px;font-weight:500;transition:color .3s}.section-card:hover .card-foot-label{color:var(--gold-dim)}.card-foot-arrow{color:var(--text-dim);font-size:16px;transition:all .3s}.section-card:hover .card-foot-arrow{color:var(--gold);transform:translate(4px)}.dash-footer{border-top:1px solid var(--border);text-align:center;padding:36px 40px}.dash-footer p{font-family:var(--body);color:var(--text-dim);font-size:13px;font-weight:300}.dash-footer span{color:var(--text-muted)}.detail-page{background:var(--bg);min-height:100vh}.detail-header{padding:44px 0 52px;position:relative;overflow:hidden}.detail-header:before{content:"";pointer-events:none;background:linear-gradient(#0000 60%,#00000026 100%);position:absolute;inset:0}.detail-header-inner{z-index:1;max-width:860px;margin:0 auto;padding:0 40px;position:relative}.back-btn{color:#ffffffbf;font-size:11px;font-family:var(--body);letter-spacing:2px;text-transform:uppercase;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1a;align-items:center;gap:10px;margin-bottom:40px;padding:10px 22px;font-weight:500;transition:all .25s;display:inline-flex}.back-btn:hover{background:#ffffff1f;border-color:#fff3}.detail-numeral{font-family:var(--serif);color:#ffffff4d;letter-spacing:4px;margin-bottom:12px;font-size:14px;font-weight:400}.detail-title{font-family:var(--serif);color:#fff;letter-spacing:.5px;margin-bottom:16px;font-size:40px;font-weight:500}.detail-intro{font-family:var(--serif);color:#ffffff8c;max-width:600px;font-size:18px;font-style:italic;font-weight:400;line-height:1.65}.detail-body{max-width:780px;margin:0 auto;padding:52px 40px 88px}.detail-item{background:var(--bg-card);border:1px solid var(--border);border-left:3px solid var(--item-accent,var(--gold-dim));margin-bottom:12px;padding:28px 32px;animation:.45s both slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.detail-item h4{font-family:var(--serif);color:var(--ivory);letter-spacing:.3px;margin-bottom:12px;font-size:19px;font-weight:600}.detail-item p{font-family:var(--body);color:var(--text-muted);white-space:pre-line;font-size:15px;font-weight:300;line-height:1.85}.detail-item-large h4{margin-bottom:6px;font-size:15px}.detail-item-large .large-value{font-family:var(--serif);color:var(--gold);letter-spacing:6px;font-size:32px;font-weight:500}.detail-alert{font-family:var(--body);color:var(--oxblood-light);letter-spacing:1.5px;text-transform:uppercase;background:#7a303014;border:1px solid #7a303026;margin-top:14px;padding:12px 18px;font-size:11px;font-weight:500}.detail-link{font-size:13px;font-family:var(--body);border:1px solid;align-items:center;gap:8px;margin-top:16px;padding:10px 22px;font-weight:500;transition:all .25s;display:inline-flex}.detail-link:hover{transform:translateY(-2px)}.video-section{border-top:1px solid var(--border);margin-top:44px;padding-top:28px}.video-section-label{font-family:var(--body);color:var(--text-dim);letter-spacing:3.5px;text-transform:uppercase;margin-bottom:16px;font-size:10px;font-weight:500}.video-links{flex-wrap:wrap;gap:10px;display:flex}.video-link{color:#c07060;font-size:13px;font-family:var(--body);background:#9a40400d;border:1px solid #9a40401a;align-items:center;gap:10px;padding:12px 22px;font-weight:500;transition:all .25s;display:inline-flex}.video-link:hover{background:#9a40401a;border-color:#9a404033;transform:translateY(-2px)}.back-btn-bottom{color:var(--text-dim);border:1px solid var(--border);font-size:11px;font-family:var(--body);letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;background:0 0;margin-top:44px;padding:14px 36px;font-weight:500;transition:all .25s}.back-btn-bottom:hover{border-color:var(--cream-muted);color:var(--ivory)}@media (max-width:768px){.dash-header-inner{padding:36px 24px 32px}.dash-title{font-size:34px}.dash-grid-wrap{padding:36px 24px 60px}.dash-grid{grid-template-columns:1fr}.dash-header-top{flex-direction:column;gap:16px}.detail-header-inner{padding:0 24px}.detail-title{font-size:30px}.detail-body{padding:36px 24px 60px}.detail-item{padding:22px 24px}.painting-frame{margin-bottom:40px}.painting-label-main{font-size:24px}.video-links{flex-direction:column}.login-form{max-width:320px}}@media (max-width:480px){.dash-title{font-size:28px}.section-card{padding:28px 24px 24px}.card-title{font-size:20px}.detail-title{font-size:26px}}
