:root{--nav:#092631;--nav2:#0d3441;--teal:#19c3b1;--cyan:#5eead4}body{background:linear-gradient(135deg,#f5f8fa 0%,#eef7f6 100%)}.top{position:sticky;top:0;z-index:10;padding:12px 24px;background:linear-gradient(110deg,var(--nav),var(--nav2));box-shadow:0 8px 30px #09263126}.brand{display:flex;align-items:center}.brand span{display:flex;flex-direction:column}.brand small{font-size:10px;font-weight:600;letter-spacing:.12em;color:#94dcd5}.userbox{display:flex;align-items:center;gap:12px;font-size:13px}.layout{grid-template-columns:238px 1fr}aside{padding:20px 14px;background:linear-gradient(180deg,#fff,#f8fbfb);box-shadow:8px 0 32px #1832410a}aside button{display:flex;align-items:center;gap:11px;margin:4px 0;padding:13px 14px;transition:.2s}aside button i{display:grid;place-items:center;width:25px;height:25px;border-radius:8px;background:#edf5f5;font-style:normal;font-size:15px}aside button.active{background:linear-gradient(100deg,#dffaf6,#eefcfb);box-shadow:inset 3px 0 var(--teal)}aside button.active i{background:var(--teal);color:#fff}main{padding:30px}.section>h1{font-size:28px;letter-spacing:-.03em}.metric,.card{border:1px solid #dbe8e9;box-shadow:0 8px 26px #1537430a}.metric{position:relative;overflow:hidden;padding:21px}.metric:after{content:"";position:absolute;width:70px;height:70px;right:-25px;top:-25px;border-radius:50%;background:#19c3b119}.metric b{color:#0f766e}.primary{background:linear-gradient(100deg,#0d3441,#0f766e);box-shadow:0 8px 18px #0f766e28;transition:.2s}.primary:hover{transform:translateY(-1px);box-shadow:0 12px 25px #0f766e35}.upload-card{padding:20px}.drop-zone{display:flex!important;flex-direction:column;align-items:center;justify-content:center;min-height:210px!important;margin:0!important;padding:25px!important;border:2px dashed #91cfc9!important;border-radius:18px!important;background:linear-gradient(145deg,#f5fffd,#eef9f8);text-align:center;cursor:pointer;transition:.2s}.drop-zone:hover,.drop-zone.drag{border-color:var(--teal)!important;background:#e8fffb;transform:translateY(-1px)}.drop-zone input{position:absolute;width:1px!important;height:1px;opacity:0}.drop-zone small,.drop-zone em{display:block;margin-top:6px;color:#64748b;font-style:normal;font-weight:500}.drop-zone em{font-size:11px}.upload-icon{display:grid;place-items:center;width:52px;height:52px;margin-bottom:10px;border-radius:16px;background:linear-gradient(135deg,var(--teal),#0f766e);color:#fff;font-size:30px;box-shadow:0 10px 24px #0f766e36}.progress-box{padding:15px;border-radius:14px;background:#edfafa}.progress-head,.progress-foot{display:flex;justify-content:space-between;align-items:center;gap:10px}.progress-head span{font-weight:900;color:#0f766e}.progress-track{height:10px;margin:12px 0;border-radius:99px;background:#d4e8e7;overflow:hidden}.progress-track i{display:block;width:0;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--teal),#2dd4bf);transition:width .2s}.progress-foot{font-size:12px;color:#64748b}.progress-foot button{border:0;background:#fff;color:#be123c;padding:7px 10px;border-radius:8px}.library-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:15px}.library-head h2{margin:0}.media-tools{display:flex;gap:8px}.media-tools input,.media-tools select{padding:10px 12px;border:1px solid var(--line);border-radius:11px;background:#fff}.media-card{transition:transform .2s,box-shadow .2s}.media-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px #102a3520}.media-thumb:after{content:"Önizle";position:absolute;right:8px;bottom:8px;padding:5px 8px;border-radius:8px;background:#061018b8;color:#fff;font-size:10px}.badge{letter-spacing:.04em}@media(max-width:760px){.top{padding:10px 14px}.brand span{font-size:13px}.userbox #who{display:none}.layout{display:block}main{padding:18px 14px 90px}aside{position:fixed;z-index:12;left:8px;right:8px;bottom:8px;display:flex;justify-content:space-around;padding:7px;border:1px solid #dbe8e9;border-radius:18px;box-shadow:0 10px 35px #09263135}aside button{flex-direction:column;gap:2px;margin:0;padding:7px 9px;font-size:9px}aside button i{width:25px;height:22px}.library-head{align-items:stretch;flex-direction:column}.media-tools input{width:100%}.drop-zone{min-height:180px!important}.section>h1{font-size:24px}}