:root{
  --primary:#c91522;
  --primary-dark:#920d16;
  --navy:#142b63;
  --gold:#d8a82f;
  --bg:#eef1f5;
  --card:#fff;
  --text:#151923;
  --muted:#667085;
  --border:#dfe4ea;
  --viewer:#eef1f5;
  --shadow:0 10px 30px rgba(15,23,42,.10);
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;min-height:100%;font-family:system-ui,-apple-system,"Noto Sans Telugu","Nirmala UI",Arial,sans-serif;background:var(--bg);color:var(--text)}
body{overflow-x:hidden}
a{text-decoration:none;color:inherit}
button,select{font:inherit}
img{max-width:100%;display:block}
.container{width:min(1200px,calc(100% - 28px));margin:auto}
.topbar{background:#111827;color:#fff;font-size:13px}
.topbar .inner{display:flex;justify-content:space-between;gap:12px;padding:8px 0}
.header{background:#fff;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:50}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:82px}
.brand{display:flex;align-items:center;gap:14px}
.brand img{width:260px;height:auto;max-height:68px;object-fit:contain}
.nav{display:flex;align-items:center;gap:8px}
.nav a{padding:10px 12px;border-radius:10px;font-weight:700;font-size:14px}
.nav a:hover{background:#f7e8e9;color:var(--primary)}
.mobile-menu{display:none;border:0;background:#f3f4f6;padding:10px 12px;border-radius:10px;font-size:20px}
.hero{padding:30px 0 20px}
.hero-card{background:linear-gradient(135deg,#fff 0%,#fff8f8 55%,#f8fbff 100%);border:1px solid var(--border);border-radius:22px;padding:26px;box-shadow:var(--shadow)}
.hero-grid{display:grid;grid-template-columns:1.4fr .6fr;gap:24px;align-items:center}
.kicker{color:var(--primary);font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
.hero h1{margin:7px 0 10px;font-size:clamp(30px,4vw,52px);line-height:1.08}
.hero p{color:var(--muted);margin:0 0 20px;font-size:16px}
.badge{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:8px 12px;font-weight:700;font-size:13px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:11px 16px;font-weight:800;cursor:pointer}
.btn-primary{background:var(--primary);color:#fff}.btn-dark{background:#111827;color:#fff}.btn-light{background:#fff;border:1px solid var(--border);color:#222}.btn:hover{filter:brightness(.96)}
.section{padding:18px 0 38px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:16px}.section-head h2{margin:0;font-size:24px}.section-head p{margin:0;color:var(--muted);font-size:14px}
.edition-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(20,30,50,.04)}.edition-card{transition:.2s transform,.2s box-shadow}.edition-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.edition-cover{aspect-ratio:1.55;background:linear-gradient(135deg,#f4f5f7,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}.edition-cover img{width:100%;height:100%;object-fit:cover}.edition-cover .round{width:58%;height:58%;object-fit:contain}.card-body{padding:15px}.card-title{font-size:17px;font-weight:800;margin:0 0 5px}.card-meta{font-size:13px;color:var(--muted);margin-bottom:12px}.footer{background:#111827;color:#d8dde7;padding:30px 0;margin-top:35px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:25px}.footer img{width:230px;background:#fff;padding:7px;border-radius:8px}.footer a{color:#fff;display:block;margin:7px 0;font-size:14px}.archive-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:18px}.input{height:44px;padding:0 13px;border:1px solid var(--border);border-radius:11px;background:#fff;outline:0}.empty{text-align:center;padding:55px 20px;background:#fff;border:1px dashed #cfd4dc;border-radius:18px;color:var(--muted)}

/* Modern E-Paper viewer */
.paper-page{background:#e9edf2;color:#111;min-height:100vh}
.paper-header{position:sticky;top:0;z-index:80;background:#fff;border-bottom:1px solid #d9dee5;box-shadow:0 2px 10px rgba(15,23,42,.06)}
.paper-header-inner{width:min(1500px,calc(100% - 28px));min-height:76px;margin:auto;display:grid;grid-template-columns:260px 1fr 180px;align-items:center;gap:20px}
.paper-brand img{width:220px;max-height:62px;object-fit:contain}.paper-heading{text-align:center}.paper-heading-title{font-size:22px;font-weight:900;color:var(--navy)}.paper-heading-meta{font-size:13px;color:#667085;font-weight:700;margin-top:3px}.paper-heading-meta span{padding:0 5px;color:var(--primary)}.paper-back{justify-self:end;border:1px solid #d8dee6;border-radius:10px;padding:9px 13px;font-weight:800;background:#fff}.paper-back:hover{border-color:var(--primary);color:var(--primary)}
.epaper-app{min-height:calc(100vh - 76px);display:flex;flex-direction:column;background:var(--viewer)}
.viewer-toolbar{position:sticky;top:76px;z-index:70;min-height:62px;background:#fff;border-bottom:1px solid #d9dee5;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px;padding:8px 14px;box-shadow:0 2px 8px rgba(15,23,42,.04)}
.toolbar-left,.toolbar-center,.toolbar-right{display:flex;align-items:center;gap:7px}.toolbar-center{justify-content:center}.toolbar-right{justify-content:flex-end}
.tool-btn,.zoom-value{min-height:40px;border:1px solid #d5dbe3;background:#fff;color:#172033;border-radius:9px;padding:8px 12px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}.tool-btn:hover,.zoom-value:hover{border-color:#aeb7c4;background:#f8fafc}.tool-clip{border-color:#f0c2c7;color:var(--primary)}.tool-share{background:#142b63;color:#fff;border-color:#142b63}.tool-download{background:#fff;color:#142b63}
.page-select{height:40px;min-width:110px;border:1px solid #d5dbe3;background:#fff;border-radius:9px;padding:0 10px;font-weight:800;color:#172033}
.viewer-body{width:min(1500px,100%);margin:0 auto;display:grid;grid-template-columns:118px minmax(0,1fr);gap:12px;flex:1;min-height:0;padding:12px}
.page-sidebar{background:#fff;border:1px solid #dfe4ea;border-radius:10px;box-shadow:0 4px 15px rgba(15,23,42,.06);display:flex;flex-direction:column;min-height:calc(100vh - 175px);overflow:hidden}.sidebar-title{height:42px;display:flex;align-items:center;justify-content:center;font-weight:900;color:#24324a;border-bottom:1px solid #e3e7ed;flex:none}.sidebar-title span{font-size:12px;color:#8a94a4;margin-left:4px}.thumb-list{overflow-y:auto;padding:10px 9px;scrollbar-width:thin}.page-thumb{display:block;position:relative;width:100%;padding:0;border:2px solid transparent;border-radius:7px;background:#fff;overflow:hidden;cursor:pointer;margin:0 0 9px;box-shadow:0 1px 4px rgba(15,23,42,.12)}.page-thumb:hover{border-color:#aab5c5}.page-thumb.active{border-color:var(--primary);box-shadow:0 0 0 2px rgba(201,21,34,.12)}.page-thumb img{width:100%;height:auto}.thumb-number{position:absolute;left:4px;top:4px;z-index:2;background:rgba(20,43,99,.9);color:#fff;font-size:11px;line-height:20px;min-width:20px;text-align:center;border-radius:5px;font-weight:900}
.paper-stage{position:relative;min-width:0;min-height:calc(100vh - 175px);overflow:auto;border-radius:10px;background:#dfe4e9;padding:18px;display:flex;align-items:flex-start;justify-content:center;scrollbar-width:auto}.paper-canvas-wrap{position:relative;transform-origin:top center;transition:transform .12s ease;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.24);flex:0 0 auto}.paper-canvas-wrap img{display:block;width:auto;max-width:none;height:auto;user-select:none;-webkit-user-drag:none}.stage-hint{position:absolute;left:50%;top:12px;transform:translateX(-50%);z-index:5;background:rgba(17,24,39,.82);color:#fff;border-radius:999px;padding:7px 12px;font-size:11px;font-weight:700;pointer-events:none;opacity:0;transition:.2s}.paper-stage:hover .stage-hint{opacity:.9}.no-pages{background:#fff;border-radius:12px;padding:50px;margin:auto;color:#667085}
.bottom-controls{display:flex;justify-content:center;align-items:center;gap:7px;min-height:58px;background:#fff;border-top:1px solid #d9dee5;box-shadow:0 -2px 8px rgba(15,23,42,.04);padding:8px 12px}.bottom-btn{border:1px solid #d5dbe3;background:#fff;border-radius:9px;padding:8px 12px;min-height:40px;font-weight:800;cursor:pointer}.bottom-btn:hover{background:#f8fafc}.bottom-page{min-width:105px;text-align:center;font-weight:900;color:#25324a}.bottom-clip{color:var(--primary);border-color:#efc2c7}

/* clipping */
.clip-mode{position:fixed;inset:0;z-index:200;display:none;cursor:crosshair}.clip-mode.active{display:block}.clip-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52)}.clip-instruction{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:203;background:#fff;border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:0 8px 25px rgba(0,0,0,.25);font-size:13px;cursor:default}.clip-instruction strong{color:#142b63}.clip-instruction span{color:#667085}.clip-cancel{border:1px solid #d9dee5;background:#fff;border-radius:8px;padding:6px 9px;font-weight:800;cursor:pointer}.clip-selection{position:fixed;z-index:202;border:2px dashed #fff;background:rgba(255,255,255,.13);box-shadow:0 0 0 99999px rgba(0,0,0,.20);display:none;pointer-events:none}.clip-selection.visible{display:block}.clip-actions{position:fixed;z-index:204;left:50%;bottom:24px;transform:translateX(-50%);background:#fff;border-radius:12px;padding:7px;display:none;gap:7px;box-shadow:0 8px 25px rgba(0,0,0,.3);cursor:default}.clip-actions.visible{display:flex}.clip-action{border:0;border-radius:9px;padding:10px 15px;font-weight:900;cursor:pointer}.clip-action.primary{background:var(--primary);color:#fff}.clip-action.secondary{background:#eef1f5;color:#182033}.clip-action:disabled{opacity:.6;cursor:wait}.toast{position:fixed;left:50%;bottom:78px;z-index:300;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#111827;color:#fff;border-radius:10px;padding:10px 14px;font-weight:700;font-size:13px;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}body.clip-active{overflow:hidden}

/* clip share page */
.clip-page{min-height:100vh;background:#eef1f5}.clip-card{width:min(1000px,calc(100% - 24px));margin:30px auto;background:#fff;border:1px solid #dfe4ea;border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.clip-card-head{padding:15px 18px;border-bottom:1px solid #e3e7ed;display:flex;align-items:center;justify-content:space-between;gap:12px}.clip-card-head h1{font-size:18px;margin:0;color:#142b63}.clip-card-head p{font-size:12px;color:#667085;margin:3px 0 0}.clip-share-buttons{display:flex;gap:7px}.clip-share-buttons button,.clip-share-buttons a{border:1px solid #d5dbe3;background:#fff;border-radius:8px;padding:8px 11px;font-weight:800;cursor:pointer}.clip-share-buttons .primary{background:#142b63;color:#fff;border-color:#142b63}.clip-image-wrap{padding:18px;background:#e9edf2}.clip-image-wrap img{width:100%;height:auto;background:#fff;box-shadow:0 6px 18px rgba(0,0,0,.16);margin:auto}.clip-card-foot{padding:12px 18px;color:#667085;font-size:12px}

.admin-body{background:#f4f6f9}.admin-nav{background:#111827;color:#fff}.admin-nav .inner{min-height:64px;display:flex;align-items:center;justify-content:space-between}.admin-main{padding:28px 0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat{background:#fff;border:1px solid var(--border);border-radius:16px;padding:18px}.stat small{color:var(--muted)}.stat strong{display:block;font-size:30px;margin-top:6px}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--border);border-radius:15px}table{width:100%;border-collapse:collapse;min-width:650px}th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;font-size:14px}th{background:#fafafa}.form-card{max-width:760px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:22px}.form-group{margin-bottom:15px}.form-group label{display:block;font-weight:700;font-size:14px;margin-bottom:7px}.form-control{width:100%;padding:11px 12px;border:1px solid var(--border);border-radius:10px;background:#fff}.alert{padding:12px 14px;border-radius:10px;margin-bottom:15px;background:#fff3cd}.login-wrap{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{width:min(430px,100%);background:#fff;border:1px solid var(--border);border-radius:20px;padding:25px;box-shadow:var(--shadow)}.login-card img{width:230px;margin:0 auto 15px}
@media(max-width:1000px){.edition-grid{grid-template-columns:repeat(3,1fr)}.hero-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.paper-header-inner{grid-template-columns:210px 1fr 130px}.paper-brand img{width:190px}.viewer-body{grid-template-columns:100px 1fr}}
@media(max-width:720px){
  .container{width:min(100% - 20px,1200px)}.topbar .inner{font-size:11px}.header-inner{min-height:70px}.brand img{width:190px;max-height:55px}.nav{display:none}.mobile-menu{display:block}.hero{padding-top:14px}.hero-card{padding:20px;border-radius:16px}.hero h1{font-size:32px}.edition-grid{grid-template-columns:repeat(2,1fr);gap:10px}.card-body{padding:12px}.card-title{font-size:15px}.footer-grid{grid-template-columns:1fr}
  .paper-header{position:relative}.paper-header-inner{width:100%;padding:8px 10px;min-height:64px;grid-template-columns:1fr auto;gap:8px}.paper-brand img{width:150px;max-height:48px}.paper-heading{text-align:left}.paper-heading-title{font-size:16px}.paper-heading-meta{font-size:10px}.paper-back{padding:7px 9px;font-size:0}.paper-back span{display:none}.paper-back:first-letter{font-size:17px}
  .epaper-app{min-height:calc(100vh - 64px)}.viewer-toolbar{position:sticky;top:0;grid-template-columns:1fr auto;min-height:54px;padding:6px 7px}.toolbar-center{order:3;grid-column:1/-1;justify-content:center}.toolbar-right{justify-content:flex-end}.toolbar-left{justify-content:flex-start}.tool-btn,.zoom-value{min-height:36px;padding:7px 9px;font-size:13px}.tool-download span,.tool-share span{display:none}.tool-download,.tool-share,.tool-clip{min-width:38px}.page-select{height:36px;min-width:90px;font-size:12px}
  .viewer-body{display:block;width:100%;padding:0}.page-sidebar{border:0;border-radius:0;min-height:0;height:72px;display:block;box-shadow:none}.sidebar-title{display:none}.thumb-list{height:72px;display:flex;gap:7px;padding:7px 8px;overflow-x:auto;overflow-y:hidden}.page-thumb{flex:0 0 48px;width:48px;margin:0;height:58px}.page-thumb img{width:100%;height:100%;object-fit:cover}.thumb-number{font-size:9px;line-height:16px;min-width:16px}
  .paper-stage{min-height:calc(100vh - 245px);height:calc(100vh - 245px);border-radius:0;padding:12px 8px 70px;align-items:flex-start}.stage-hint{top:8px;font-size:10px}.bottom-controls{min-height:54px;padding:6px;gap:5px;position:sticky;bottom:0;z-index:60}.bottom-btn{padding:7px 9px;font-size:12px}.bottom-btn span{display:none}.bottom-clip span{display:inline}.bottom-page{min-width:70px;font-size:12px}
  .clip-instruction{top:10px;width:calc(100% - 20px);font-size:11px;gap:7px;padding:8px}.clip-instruction span{display:none}.clip-actions{bottom:12px}.clip-action{padding:9px 12px}.toast{bottom:65px;max-width:calc(100% - 30px);text-align:center}
  .clip-card{margin:12px auto}.clip-card-head{align-items:flex-start}.clip-card-head h1{font-size:15px}.clip-share-buttons button,.clip-share-buttons a{font-size:11px;padding:7px 8px}.clip-image-wrap{padding:8px}
  .stats{grid-template-columns:1fr 1fr}
}

/* ===== Advanced newspaper clipping tool ===== */
.clip-mode{position:fixed;inset:0;z-index:500;display:none;cursor:crosshair;touch-action:none}
.clip-mode.active{display:block}
.clip-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.56)}
.clip-topbar{position:fixed;left:50%;top:18px;transform:translateX(-50%);z-index:506;display:flex;gap:10px;align-items:center;background:transparent}
.clip-create-btn,.clip-cancel-btn{border:0;border-radius:8px;padding:10px 17px;font-weight:900;font-size:15px;box-shadow:0 4px 15px rgba(0,0,0,.25);cursor:pointer;white-space:nowrap}
.clip-create-btn{background:#ffc400;color:#111}
.clip-create-btn:hover{background:#ffd43b}.clip-create-btn:disabled{opacity:.55;cursor:not-allowed}
.clip-cancel-btn{background:#ef1111;color:#fff}.clip-cancel-btn:hover{background:#d80c0c}
.clip-help{position:fixed;left:50%;top:70px;transform:translateX(-50%);z-index:505;background:rgba(17,24,39,.92);color:#fff;border-radius:999px;padding:8px 15px;font-size:12px;display:flex;gap:8px;align-items:center;box-shadow:0 5px 18px rgba(0,0,0,.22);pointer-events:none}
.clip-help strong{color:#ffd34d}.clip-help.hidden{display:none}
.clip-selection{position:fixed;z-index:504;border:2px solid #fff;background:rgba(255,255,255,.10);box-shadow:0 0 0 99999px rgba(0,0,0,.33),0 0 0 1px rgba(20,43,99,.8);display:none;pointer-events:auto;touch-action:none;cursor:move}
.clip-selection.visible{display:block}
.clip-handle{position:absolute;width:14px;height:14px;padding:0;border:2px solid #fff;background:#1976ff;border-radius:3px;box-shadow:0 1px 5px rgba(0,0,0,.45);z-index:3;touch-action:none}
.clip-handle.nw{left:-8px;top:-8px;cursor:nwse-resize}.clip-handle.n{left:50%;top:-8px;transform:translateX(-50%);cursor:ns-resize}.clip-handle.ne{right:-8px;top:-8px;cursor:nesw-resize}
.clip-handle.e{right:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}.clip-handle.se{right:-8px;bottom:-8px;cursor:nwse-resize}.clip-handle.s{left:50%;bottom:-8px;transform:translateX(-50%);cursor:ns-resize}
.clip-handle.sw{left:-8px;bottom:-8px;cursor:nesw-resize}.clip-handle.w{left:-8px;top:50%;transform:translateY(-50%);cursor:ew-resize}

/* Finished clip modal */
.clip-result-modal{position:fixed;inset:0;z-index:700;display:none;align-items:center;justify-content:center;padding:24px}
.clip-result-modal.active{display:flex}
.clip-result-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(2px)}
.clip-result-card{position:relative;z-index:701;width:min(820px,calc(100vw - 30px));max-height:calc(100vh - 40px);overflow:auto;background:#fff;border-radius:13px;padding:26px 28px 22px;box-shadow:0 20px 60px rgba(0,0,0,.45);text-align:center}
.clip-result-card h2{margin:0 0 18px;font-size:23px;color:#111}
.clip-result-close{position:absolute;right:13px;top:12px;width:36px;height:36px;border:0;border-radius:8px;background:#e5394b;color:#fff;font-weight:900;cursor:pointer;font-size:17px}
.clip-result-preview{background:#f1f3f5;border:1px solid #d7dce2;padding:10px;max-height:62vh;overflow:auto;display:flex;justify-content:center}
.clip-result-preview img{width:auto;max-width:100%;height:auto;max-height:58vh;object-fit:contain;background:#fff;box-shadow:0 3px 12px rgba(0,0,0,.15)}
.clip-result-note{margin:20px 0 14px;color:#6b7280;font-size:15px}
.clip-share-icons{display:flex;justify-content:center;gap:13px;flex-wrap:wrap}
.clip-icon{width:52px;height:52px;border:0;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;color:#fff;text-decoration:none;font-size:23px;font-weight:900;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.16)}
.clip-icon.share{background:#f28c18}.clip-icon.whatsapp{background:#20cf67;font-size:20px}.clip-icon.facebook{background:#3d5f9e;font-family:Arial}.clip-icon.x{background:#000}.clip-icon.download{background:#2d93ca;font-size:29px}.clip-icon.close{background:#df3548}
.clip-result-link-row{display:flex;gap:8px;margin:18px auto 0;max-width:650px}
.clip-result-link-row input{min-width:0;flex:1;border:1px solid #d7dce2;border-radius:8px;padding:10px 12px;background:#f8fafc;color:#475467;font-size:12px}
.clip-result-link-row button{border:0;border-radius:8px;background:#142b63;color:#fff;padding:0 14px;font-weight:800;cursor:pointer}
body.clip-result-open{overflow:hidden}

@media(max-width:720px){
  .clip-topbar{top:8px;width:100%;justify-content:center;gap:7px}
  .clip-create-btn,.clip-cancel-btn{padding:9px 12px;font-size:13px}
  .clip-help{top:55px;width:calc(100% - 24px);justify-content:center;text-align:center;border-radius:10px;font-size:10px}
  .clip-handle{width:18px;height:18px}
  .clip-handle.nw{left:-10px;top:-10px}.clip-handle.n{top:-10px}.clip-handle.ne{right:-10px;top:-10px}.clip-handle.e{right:-10px}.clip-handle.se{right:-10px;bottom:-10px}.clip-handle.s{bottom:-10px}.clip-handle.sw{left:-10px;bottom:-10px}.clip-handle.w{left:-10px}
  .clip-result-modal{padding:8px}
  .clip-result-card{width:100%;max-height:calc(100vh - 16px);padding:22px 12px 15px;border-radius:10px}
  .clip-result-card h2{font-size:19px;margin-bottom:12px}.clip-result-preview{padding:6px;max-height:58vh}.clip-result-preview img{max-height:54vh}
  .clip-result-note{font-size:13px;margin:14px 0 10px}.clip-share-icons{gap:9px}.clip-icon{width:46px;height:46px;font-size:20px}.clip-result-link-row{display:block}.clip-result-link-row input{width:100%;margin-bottom:7px;height:38px}.clip-result-link-row button{height:38px;width:100%}
}