.deadline-tool-entry{position:relative;overflow:hidden;border-color:#b9dfea!important;background:radial-gradient(circle at 88% 12%,rgba(48,191,218,.2),transparent 40%),linear-gradient(145deg,#f2fbfd,#e9f5fa)!important}.deadline-tool-entry:after{content:"01";position:absolute;right:10px;top:9px;color:#73a8ba;font-size:8px;font-weight:800}.deadline-tool-entry i{color:#fff!important;background:linear-gradient(145deg,#08749f,#19b9c8)!important;box-shadow:0 7px 16px rgba(13,139,170,.24)!important}
.deadline-view{background:linear-gradient(180deg,#edf4f7,#f7f9fa)}.deadline-sub-head{height:116px;background:radial-gradient(circle at 88% 0,rgba(63,218,228,.2),transparent 32%),linear-gradient(120deg,#061c2e,#0b5874)}.deadline-sub-head>b{color:#91dfe9!important}.deadline-view form{padding-bottom:24px}.deadline-intro{margin:12px 8px 0;padding:20px 17px;border-radius:15px;color:#eafaff;background:radial-gradient(circle at 90% 12%,rgba(42,211,217,.15),transparent 36%),linear-gradient(145deg,#072538,#0a4358);box-shadow:0 12px 30px rgba(8,42,59,.15)}.deadline-intro>span{color:#4fd1dd;font-size:8px;letter-spacing:1.4px}.deadline-intro h2{margin:7px 0 8px;font-size:19px}.deadline-intro p{margin:0;color:#8eb6c1;font-size:9px;line-height:1.7}
.deadline-base-card,.deadline-options-card,.deadline-results{margin:10px 8px 0;padding:16px 13px;border:1px solid #dbe8ed;border-radius:14px;background:#fff;box-shadow:0 8px 24px rgba(23,62,81,.055)}.deadline-section-title{display:flex;align-items:center;gap:10px;margin-bottom:14px}.deadline-section-title>i{width:31px;height:31px;display:grid;place-items:center;flex:0 0 31px;border-radius:9px;color:#087fa2;background:#e3f4f7;font-size:9px;font-style:normal;font-weight:900}.deadline-section-title span,.deadline-section-title h2{display:block}.deadline-section-title span{color:#65a1b5;font-size:7px;letter-spacing:1.1px}.deadline-section-title h2{margin:3px 0 0;color:#183c4e;font-size:14px}.deadline-field{display:block;margin-top:11px}.deadline-field>span{display:flex;align-items:center;justify-content:space-between;margin:0 2px 6px;color:#4c6b7a;font-size:9px;font-weight:700}.deadline-field em{padding:2px 5px;border-radius:4px;color:#16829b;background:#e5f5f7;font-size:7px;font-style:normal}.deadline-field small{color:#8fa2ab;font-size:7px;font-weight:400}.deadline-field input,.deadline-field select{width:100%;height:43px;padding:0 11px;border:1px solid #d8e5ea;border-radius:9px;outline:none;color:#17384a;background:#f8fbfc;font-size:11px}.deadline-field input:focus,.deadline-field select:focus{border-color:#4cb8ca;box-shadow:0 0 0 3px rgba(38,170,193,.09)}.deadline-base-tip{display:flex;gap:8px;margin-top:12px;padding:10px;border-radius:9px;background:#f0f8fa}.deadline-base-tip>i{width:6px;height:6px;flex:0 0 6px;margin-top:4px;border-radius:50%;background:#18a9ba;box-shadow:0 0 8px rgba(24,169,186,.38)}.deadline-base-tip p{margin:0;color:#668793;font-size:8px;line-height:1.55}
.deadline-overview{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;margin:10px 8px 0;padding:16px;border-radius:14px;color:#dff9fc;background:radial-gradient(circle at 88% 20%,rgba(56,211,218,.19),transparent 34%),linear-gradient(135deg,#08273a,#0a5369);box-shadow:0 12px 28px rgba(5,43,59,.17)}.deadline-overview>div:first-child span,.deadline-overview>div:first-child strong,.deadline-overview>div:first-child small{display:block}.deadline-overview>div:first-child span{color:#72bdca;font-size:8px}.deadline-overview>div:first-child strong{margin:7px 0 5px;color:#fff;font-size:16px}.deadline-overview>div:first-child small{color:#7daab4;font-size:8px}.deadline-ring{width:70px;height:70px;display:grid;place-content:center;border:5px solid rgba(82,211,219,.2);border-top-color:#45cbd5;border-radius:50%;text-align:center;box-shadow:inset 0 0 18px rgba(45,180,193,.09)}.deadline-ring b,.deadline-ring small{display:block}.deadline-ring b{font-size:18px}.deadline-ring small{margin-top:2px;color:#72a6b0;font-size:6px}.deadline-ring.urgent{border-top-color:#ff9f66}.deadline-ring.expired{border-top-color:#ff6d68;color:#ff9c94}
.deadline-modules{display:grid;gap:8px}.deadline-module{border:1px solid #e0e9ed;border-radius:11px;background:#fbfdfe;overflow:hidden;transition:.2s}.deadline-module.active{border-color:#83c9d5;background:#f6fbfc;box-shadow:0 7px 18px rgba(29,112,133,.07)}.deadline-module-head{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;width:100%;min-height:59px;padding:9px 10px;border:0;color:#244759;background:transparent;text-align:left;cursor:pointer}.deadline-module-index{width:24px;height:24px;display:grid;place-items:center;border-radius:7px;color:#5c8797;background:#eaf2f5;font-size:7px;font-style:normal}.deadline-module-title strong,.deadline-module-title small{display:block}.deadline-module-title strong{font-size:10px}.deadline-module-title small{margin-top:4px;color:#8da0a9;font-size:7px;font-weight:400}.deadline-switch{position:relative;width:35px;height:20px;border-radius:12px;background:#dce6ea;transition:.2s}.deadline-switch:after{content:"";position:absolute;left:3px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 2px 5px rgba(0,0,0,.14);transition:.2s}.deadline-module.active .deadline-switch{background:#1ba7b7}.deadline-module.active .deadline-switch:after{transform:translateX(15px)}.deadline-module-body{display:none;padding:0 11px 12px;border-top:1px solid #e8eff2}.deadline-module.active .deadline-module-body{display:block}.deadline-inline-check{display:flex;align-items:center;gap:7px;margin-top:11px;color:#5b7886;font-size:8px}.deadline-inline-check input{accent-color:#159bae}.deadline-module-note{margin:10px 0 0;padding:8px;border-left:3px solid #60b8c8;color:#6d8893;background:#edf7f8;font-size:8px;line-height:1.55}.deadline-prediction{margin-top:10px;padding:10px;border-radius:9px;color:#2f6578;background:#eaf6f8;font-size:8px;line-height:1.65}.deadline-prediction:empty{display:none}.deadline-prediction b{color:#0c7892}
.deadline-result-summary{margin:-3px 0 13px;padding:11px;border-radius:10px;color:#476c7b;background:#edf7f9;font-size:8px;line-height:1.65}.deadline-timeline{position:relative;padding-left:19px}.deadline-timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:8px;width:1px;background:#cfdee4}.deadline-event{position:relative;margin-bottom:8px;padding:11px;border:1px solid #e0eaee;border-radius:10px;background:#fbfdfe}.deadline-event:before{content:"";position:absolute;left:-18px;top:15px;width:8px;height:8px;border:3px solid #fff;border-radius:50%;background:#27a7b8;box-shadow:0 0 0 1px #86cbd5}.deadline-event.warning:before{background:#ed9b4a;box-shadow:0 0 0 1px #efbd8a}.deadline-event.danger:before{background:#e9605b;box-shadow:0 0 0 1px #efa39f}.deadline-event header{display:flex;align-items:center;justify-content:space-between;gap:8px}.deadline-event h3{margin:0;color:#294e5f;font-size:10px}.deadline-event time{color:#0a819b;font-size:9px;font-weight:800;white-space:nowrap}.deadline-event p{margin:6px 0 0;color:#78919b;font-size:7px;line-height:1.55}.deadline-event em{display:inline-block;margin-top:7px;padding:3px 6px;border-radius:5px;color:#56808f;background:#edf4f6;font-size:6px;font-style:normal}.deadline-actions{margin:12px 8px}.deadline-actions button{width:100%;height:42px;border:1px solid #d5e3e8;border-radius:10px;color:#63808d;background:#fff;font-size:9px}
@media(min-width:700px){.deadline-view form{padding-bottom:30px}.deadline-intro,.deadline-base-card,.deadline-options-card,.deadline-results,.deadline-overview,.deadline-actions{margin-left:15px;margin-right:15px}}
@media(max-width:360px){.deadline-event header{align-items:flex-start;flex-direction:column}.deadline-event time{white-space:normal}.deadline-overview>div:first-child strong{font-size:14px}}