.loginPage{min-height:100vh;display:grid;place-items:center;margin:0;padding:22px;background:radial-gradient(circle at 50% 0,#173d6e,#07111f 62%);font-family:Arial,sans-serif;color:#102039}.pinCard{width:min(430px,100%);background:#fff;border-radius:24px;padding:38px;box-shadow:0 30px 90px #0007;text-align:center}.pinMark{width:62px;height:62px;margin:0 auto 14px;border:6px solid #15243a;border-radius:50%;display:grid;place-items:center;color:#20a9e8;font-size:24px}.pinCard>small{color:#1267d5;font-weight:900;letter-spacing:.16em}.pinCard h1{margin:6px 0 8px;font-size:30px}.pinCard p{color:#68758a;line-height:1.5}.pinCard form{display:grid;gap:11px;margin:25px 0 18px;text-align:left}.pinCard label{font-size:13px;font-weight:900}.pinCard input{width:100%;padding:15px;border:2px solid #d8e1ed;border-radius:11px;text-align:center;font-size:27px;font-weight:900;letter-spacing:.5em}.pinCard input:focus{outline:0;border-color:#1674e8;box-shadow:0 0 0 4px #1674e820}.pinCard button{border:0;border-radius:11px;padding:15px;background:linear-gradient(135deg,#1674e8,#0752ad);color:#fff;font-weight:900;font-size:16px;cursor:pointer}.pinCard>a{color:#1267d5;text-decoration:none;font-weight:bold;font-size:13px}.pinError{padding:11px;border-radius:9px;background:#fff0f2;color:#b51d34;font-weight:bold}.status .logout{color:#a52338}.elapsedBox{margin:-7px auto 17px;padding:10px 18px;width:min(280px,100%);border-radius:13px;background:linear-gradient(135deg,#0d9c5d,#087644);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:center;text-align:left;box-shadow:0 8px 20px #08764435,inset 0 0 0 2px #5de6a054}.elapsedBox span{font-size:10px;font-weight:900;letter-spacing:.09em}.elapsedBox strong{grid-row:1/3;grid-column:2;font-size:29px;font-variant-numeric:tabular-nums}.elapsedBox small{font-size:10px;color:#c8f6df}.directorTools{display:grid;grid-template-columns:1fr 1fr;gap:16px}.directorTools article{background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:21px;box-shadow:0 8px 25px #2035500c}.directorTools h2{margin-top:0}.directorTools p{color:#68758a;min-height:40px}.directorRow{display:flex;gap:9px}.directorTools input,.directorTools select{width:100%;padding:12px;border:1px solid #cfd9e6;border-radius:9px;background:#fff}.directorTools button,.directorHead button,#directorLogo{border:0;border-radius:9px;padding:12px 15px;background:#1267d5;color:#fff;font-weight:900;cursor:pointer}.directorTools article:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:10px}.directorTools article:nth-child(2) h2,.directorTools article:nth-child(2) p,#directorProgress{grid-column:1/-1}.directorTools article:nth-child(2)>button{grid-column:1/-1}.directorHead{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.directorLibrary{display:grid;gap:18px}.directorFolder{background:#fff;border:1px solid #dbe3ee;border-radius:16px;padding:18px;box-shadow:0 8px 25px #2035500c}.directorFolder h3{margin:0 0 14px}.directorGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:13px}.directorAsset{border:1px solid #dce4ef;border-radius:12px;overflow:hidden;background:#f7f9fc}.directorPreview{height:125px;background:#09111e;display:grid;place-items:center;overflow:hidden}.directorPreview img,.directorPreview video{width:100%;height:100%;object-fit:contain}.directorAssetBody{padding:11px}.directorAssetBody b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:9px}.directorAssetBody button{width:100%;border:0;border-radius:8px;padding:10px;background:#118153;color:#fff;font-weight:900;cursor:pointer}.directorEmpty{padding:40px;border:2px dashed #cbd6e4;border-radius:15px;text-align:center;color:#68758a}#directorProgress{min-height:20px;color:#16704b;font-weight:bold;font-size:13px}@media(max-width:950px){.directorTools{grid-template-columns:1fr}}@media(max-width:620px){.pinCard{padding:28px 20px}.directorRow{display:grid}.directorTools article:nth-child(2){grid-template-columns:1fr}.directorTools article:nth-child(2) h2,.directorTools article:nth-child(2) p,#directorProgress,.directorTools article:nth-child(2)>button{grid-column:1}.directorHead{align-items:flex-start;gap:10px}.elapsedBox{width:100%}}