*{box-sizing:border-box}.smp-app{min-height:100vh;display:grid;grid-template-columns:250px 1fr;background:#f4f6f9;color:#17212b;font-family:Inter,Arial,sans-serif}.smp-sidebar{background:#0e2033;color:#fff;padding:28px 18px;display:flex;flex-direction:column;gap:36px}.smp-logo{display:flex;align-items:center;gap:11px;font-weight:700}.smp-logo span,.smp-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--smp-accent);color:#fff}.smp-sidebar nav{display:grid;gap:8px}.smp-sidebar nav a,.smp-logout{color:#dce6ef;text-decoration:none;padding:12px 14px;border-radius:9px}.smp-sidebar nav a:hover{background:#17334f}.smp-logout{margin-top:auto}.smp-main{padding:32px;min-width:0}.smp-main>header{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.smp-main h1{margin:4px 0;font-size:30px}.smp-main header small{color:#6d7c89;letter-spacing:1.5px}.smp-user{background:#fff;padding:10px 16px;border-radius:24px}.smp-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.smp-stats>div,.smp-panel{background:#fff;border:1px solid #e4e8ed;border-radius:14px;padding:22px}.smp-stats b{display:block;font-size:27px;color:var(--smp-accent)}.smp-stats span{display:block;color:#6d7c89;margin-top:7px}.smp-button,.smp-filters button{display:inline-block;background:var(--smp-accent);color:#fff!important;text-decoration:none;border:0;border-radius:9px;padding:11px 17px}.smp-filters{display:grid;grid-template-columns:1fr 180px auto;gap:10px}.smp-filters input,.smp-filters select{border:1px solid #d9e0e7;border-radius:9px;background:#fff;padding:12px}.smp-results{color:#6d7c89}.smp-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.smp-card{background:#fff;border:1px solid #e0e5ea;border-radius:12px;overflow:hidden}.smp-card a{text-decoration:none;color:inherit}.smp-thumb{height:155px;background:#e9eef3;display:grid;place-items:center;overflow:hidden}.smp-thumb img{width:100%;height:100%;object-fit:cover}.smp-file-icon{font-weight:800;color:#789;font-size:22px}.smp-card-body{padding:13px}.smp-card-body b,.smp-card-body span,.smp-card-body small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.smp-card-body span,.smp-card-body small{color:#72808c;margin-top:6px;font-size:12px}.smp-pages{margin:24px 0;display:flex;gap:6px}.smp-pages a,.smp-pages span{padding:8px 11px;background:#fff;border-radius:7px}.smp-projects{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.smp-projects a{background:#fff;border:1px solid #e0e5ea;border-radius:12px;padding:18px;text-decoration:none;color:inherit}.smp-projects span{display:block;color:#71808d;margin-top:8px}.smp-preview{display:grid;grid-template-columns:minmax(0,2fr) minmax(260px,1fr);gap:22px}.smp-viewer{background:#0a1118;border-radius:14px;min-height:420px;display:grid;place-items:center;overflow:hidden}.smp-viewer video,.smp-viewer img{width:100%;max-height:72vh;object-fit:contain}.smp-details{background:#fff;border-radius:14px;padding:24px}.smp-login-wrap{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0e2033,#173e63)}.smp-login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:36px;box-shadow:0 20px 60px #0003}.smp-login-card .smp-mark{margin-bottom:20px}.smp-login-card h1{font-size:28px}.smp-login-card label{display:block;margin:14px 0 5px}.smp-login-card input[type=text],.smp-login-card input[type=password]{width:100%;padding:12px;border:1px solid #ccd5dd;border-radius:8px}.smp-login-card input[type=submit]{width:100%;margin-top:15px;background:var(--smp-accent);color:#fff;border:0;padding:12px;border-radius:8px}.smp-login-card .login-remember{font-size:13px}@media(max-width:1000px){.smp-grid{grid-template-columns:repeat(3,1fr)}.smp-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.smp-app{grid-template-columns:1fr}.smp-sidebar{padding:15px;gap:12px}.smp-sidebar nav{display:flex;overflow:auto}.smp-logout{display:none}.smp-main{padding:18px}.smp-grid{grid-template-columns:repeat(2,1fr)}.smp-projects{grid-template-columns:1fr}.smp-preview{grid-template-columns:1fr}.smp-filters{grid-template-columns:1fr}.smp-viewer{min-height:280px}}@media(max-width:480px){.smp-grid,.smp-stats{grid-template-columns:1fr}}